<template>
  <div class="home">
    <el-row :gutter="20">
      <el-col :span="6">
        <el-button type="success" @click="enterFruitList">水果列表</el-button>
      </el-col>
      <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
      <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
      <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
    </el-row>
  </div>
</template>

<script>

export default {
  name: 'Home',
  components: {
  },
  methods: {
    enterFruitList () {
      console.log('FruitList')
      this.$router.push('/fruitlist')
    }
  }
}
</script>

<style>
</style>
